body{
    background-color: rgb(200, 170, 228);

}

#topDiv{
    color: magenta;
    background-color:rgb(182, 174, 174);
    text-align: center;  
    position:fixed;
    top:0%;
    display:flex;
    flex-flow: row;
    width:100%;
    align-items: center;
    justify-content: space-evenly;

}
.kontrola{
    color:red;
}

#formSendButton{
    display: block;
}

.red{
    background-color: rgb(207, 180, 198);
}

#container {
    size: 100%;
    margin-top: 10%;
    padding: 1%;
  }

#controlButtonDiv2{
    display:flex;
    flex-direction: column ;
}

.sticky {
position: fixed;
top: 0;
width: 100%
}

.sticky + #container {
    padding-top: 102px;
}

.DivBalikovnaURL {
    display: none;
}


.poradi_sluzby{
    color: #ff00ff;
    font-weight: bolder;
    padding-right: 2%;

}
.mainDiv h1{
    color: magenta;
    background-color:rgb(131, 129, 129);

    
}

.mainDiv h2{
    color: black;
    background-color:rgb(131, 129, 129);
    text-align: center;
    
}

.formPart{
    margin-bottom: 5px;
    background-color:rgb(168, 168, 168);
}

.formPart h2{
    margin-bottom: 0px;

}

#bottomDiv{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#bottomLeft{
    display: flex;
    flex-direction: row;
}


.adresaDiv{
    border: dashed magenta;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    background-color: rgb(231, 225, 225);
    padding: 0.5%;
    
}

.sluzbaDiv{
    border: dashed rgb(167, 17, 236);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    background-color: rgb(231, 225, 225);
    padding: 0.5%;
    
}



.adresaFS{
    flex-direction: row;
    margin-left: 5px;
    margin-bottom: 5px;
}

.adresaDiv_button{
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:linear-gradient(to bottom, #ff00ff 5%, #f00080 100%);
	background-color:#ff00ff;
	border-radius:5px;
	border:1px solid #ed1db5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}

.kontrolaOK{
    box-shadow:inset 0px 1px 0px 0px #d3e4bd;
	background:linear-gradient(to bottom, #00ff0d 5%, #00f05c 100%);
	background-color:#66ff00;
	border-radius:5px;
	border:1px solid #aeed1d;
	display:inline-block;
	cursor:pointer;
	color:#0c0101;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #60c700;
}


.adresaDiv_button:hover {
	background:linear-gradient(to bottom, #f00080 5%, #ff00ff 100%);
	background-color:#f00080;
}
.adresaDiv button:active {
	position:relative;
	top:1px;
}


#inkaso{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    background-color: rgb(231, 225, 225);
    padding: 0.5%;
    
}


.inkaso{
    flex-direction: row;
    margin-left: 5px;
    margin-bottom: 5px;
    display: none;
}

.odberAdresaDiv{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    background-color: rgb(231, 225, 225);
    padding: 0.5%;
    
}
.odberAdresaDiv div{
    flex-direction: column;
    margin-left: 5px;
    margin-bottom: 5px;
}


.sluzba{
    background-color: rgb(204, 178, 195);
    padding: 0.5%;
}


.FO{
    display: none;
}

.PO{
    display: none;
}

.minorButtonDiv{
    padding: 0.2%;

}

.minorButton {
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:linear-gradient(to bottom, #ff00ff 5%, #f00080 100%);
	background-color:#ff00ff;
	border-radius:5px;
	border:1px solid #ed1db5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.minorButton:hover {
	background:linear-gradient(to bottom, #f00080 5%, #ff00ff 100%);
	background-color:#f00080;
}
.minorButton:active {
	position:relative;
	top:1px;
}

.mainButton {
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:linear-gradient(to bottom, #ff00ff 5%, #f00080 100%);
	background-color:#ff00ff;
	border-radius:6px;
	border:1px solid #ed1db5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:4px 21px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
    margin-bottom: 2px;
}
.mainButton:hover {
	background:linear-gradient(to bottom, #f00080 5%, #ff00ff 100%);
	background-color:#f00080;
}
.mainButton:active {
	position:relative;
	top:1px;
}


.button_oprav{
    display: none;
}

input{
    border:1px solid black;
}